<template>
  <div class="iframe-container">
    <iframe
      :src="url"
      width="100%"
      height="100%"
      frameborder="0"
      scrolling="auto"
    ></iframe>
  </div>
</template>

<script setup>
// import { ref, computed } from 'vue'

// 使用 ref 定义响应式数据
// const iframeUrl = ref('https://example.com')
defineProps({
  url: {
    type: String,
    required: true,
    default:'https://e.qq.com/ads'
  }
})
</script>

<style scoped>
.iframe-container {
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 120px);
  display: flex;
  flex-direction: column;
}

.iframe-container iframe {
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
  flex: 1;
}
</style> 